.baseUI-input {
  display: inline-flex;
  box-sizing: border-box;
  align-items: center;
  border: 1px solid var(--base-color-border);
  padding-inline: 10px;
  cursor: text;
  font-size: 16px;
  height: 26px;
  border-radius: 4px;
  line-height: 1;

  &--large {
    font-size: 18px;
    height: 32px;
  }

  &--small {
    font-size: 14px;
    height: 20px;
    padding-inline: 4px;
  }

  &--small &__prefix {
    margin-right: 4px;
  }

  &--small &__suffix {
    margin-left: 4px;
  }

  &__prefix {
    margin-right: 8px;
  }

  &__suffix {
    margin-left: 8px;
  }

  input {
    font-size: inherit; // 继承父盒子的样式
    font-weight: inherit; // 继承父盒子的样式
    line-height: inherit; // 继承父盒子的样式
    border: none;
    outline: none;
  }

  // input:focus {
  //   // border: 1px solid var(--pro-admin-layout-content-bg);
  //   // caret-color: red; // 聚焦光标颜色
  //   // outline: none;
  // }

  // 选中时候的颜色
  &:focus-within {
    border-color: var(--base-color-primary);
  }

  &--disabled {
    cursor: not-allowed;
    color: var(--base-color-text-disabled);
    border-color: var(--base-color-text-disabled);
    background: #f5f5f5;

    &:focus-within {
      border-color: var(--base-color-text-disabled);
    }
  }

  &-input {
    &:disabled {
      cursor: not-allowed;
    }
  }
}